<!-- <template>
  <el-pagination
    background
    :current-page="props.pageNo"
    :page-sizes="[10, 20, 30, 40]"
    :page-size="props.pageSize"
    layout="total, sizes, prev, pager, next, jumper"
    :total="props.total"
    @size-change="handleSizeChange"
    @current-change="handleCurrentChange"
  />
</template>
<script setup>
const props = defineProps(["total", "pageNo", "pageSize"]);
const emit = defineEmits(["handleSizeChange", "handleCurrentChange"]);

const handleSizeChange = (val) => {
  emit("handleSizeChange", val);
};
const handleCurrentChange = (val) => {
  emit("handleCurrentChange", val);
};
</script>

<style scoped>
</style> -->